<!DOCTYPE html>
<html lang="en">
<head>
		{{template "pc/public/mycss.html" .}}

</head>
<style type="text/css">
	#wrapper{
		background: #f5f5f5!important;
	}
	.header-center{
		background: #fff;
	}
	.user_left{
		background: #fff;
	}
	.fenlei{
		width: 20%;
	}
	
	@media (max-width: 992px){
		.fenlei{
		    width: 100%;
		}
	}
	.mycoupon .box ul li .c-msg .line{
		margin-top: 0
	}
	.mycoupon .box ul li .c-msg{
		height: auto;
	}
</style>
<body class="common-home res layout-home1">
<div id="wrapper" class="wrapper-full banners-effect-7">
	<!-- Header Container  -->
	{{template "pc/public/head.html" .}}
  	{{template "pc/public/mytop.html" .}}
	<div class="main-container container">
		<div class="row mb-50">
			<!--Left Part Start -->
			{{template "pc/public/myleft.html" .}}
			<!--Middle Part Start-->
			<div id="content" class="col-md-10 col-sm-8 right mt-15">
				<div class="mycoupon">
					<h1><span>我的优惠券：</span></h1>
					<div class="header">
						<!-- <span class="on available">可使用</span>
						<span class="failed">已失效</span> -->
					</div>
					<div class="box">
						{{if .info}}
						<ul class="coupon-items">
							{{range .info}}
							<li>
								<div class="c-type">
									<div class="c-price">
							            <em>¥</em>
							            <strong>{{.offer}}</strong>
							            <span class="type">优惠券</span>
									</div>
									<div class="c-limit">
							            满{{.full}}可用
							        </div>
							        <div class="c-time">{{.starttime}}-{{.endtime}}</div>
							        <div class="c-type-top"></div>
							        <div class="c-type-bottom"></div>
								</div>
								<div class="c-msg">
									<div class="c-range">
										<!-- <p><span>限品类：</span>仅可购买部分商品</p> -->
										<p><span>限店铺：</span>{{if .gname}}{{.gname}}{{else}}{{$.system.name}}{{end}}</p>
										<p><span>券名称：</span>15465314361132</p>
									</div>
									<div class="line"></div>
									<div class="op-btns">
										<a href="/shop?id={{.gid}}">立即使用</a>
									</div>
								</div>
							</li>
							{{end}}
						</ul>
						{{else}}
						<div class="no">
							<img src="https://tcsc.oss-cn-hangzhou.aliyuncs.com/static/pc/img/pc/imgs/coupon-hang.png">
							<p>您还没有优惠券！</p>
						</div>
						{{end}}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Footer Container -->
{{template "pc/public/foot.html" .}}
{{template "pc/public/myfoot.html" .}}
</body>
</html>
<script type="text/javascript">
	var $typeheader = 'header-home1';

	$('.order ul li').click(function() {
		$(this).addClass('on');
		$(this).siblings('li').removeClass('on');
	});

	$('.mycoupon .header span').click(function() {
		$(this).addClass('on');
		$(this).siblings('span').removeClass('on');
	});

	$('.available').click(function() {
		$('.coupon-items').show();
		$('.overdue').hide();
	});
	$('.failed').click(function() {
		$('.coupon-items').hide();
		$('.overdue').show();
	});
</script>
